<style>
ul li {
	list-style:none;
	padding:10px;
}
.input_big {
	width:350px;
	height:30px;
}
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/bsn.AutoSuggest_2.1.3.js" charset="utf-8"></script>
    <link rel="stylesheet" href="css/autosuggest_inquisitor.css" type="text/css" media="screen" charset="utf-8" />

<script type="text/javascript">
$(document).ready(function(){
 		$("#cat").show();
	$('#privacy').change(function(){
		var id=$('#privacy').val();
		
		if(id=='public')
		{
			$("#cat").show();
		}
		
		if(id=='private')
		{
			$("#cat").hide();
		}
		
		if(id=='friends')
		{
			$("#cat").hide();
		}
	
	});
	var options = {
				script:"test.php?json=true&limit=6&",
				varname:"input",
				json:true,
				shownoresults:false,
				maxresults:10,
				callback: function (obj) {document.getElementById('musictestid').value = obj.id;}
			};
			
			var options1 = {
				script:"test.php?json=true&limit=6&",
				varname:"input",
				json:true,
				shownoresults:false,
				maxresults:10,
				callback: function (obj) {document.getElementById('videotestid').value = obj.id;}
			};
			
			var options2 = {
				script:"test.php?json=true&limit=6&",
				varname:"input",
				json:true,
				shownoresults:false,
				maxresults:10,
				callback: function (obj) {document.getElementById('imagetestid').value = obj.id;}
			};
			
			var options3 = {
				script:"test.php?json=true&limit=6&",
				varname:"input",
				json:true,
				shownoresults:false,
				maxresults:10,
				callback: function (obj) {document.getElementById('doctestid').value = obj.id;}
			};
			var as_json = new bsn.AutoSuggest('musictestinput', options);
			var as_json1 = new bsn.AutoSuggest('videotestinput', options1);
			var as_json2 = new bsn.AutoSuggest('imagetestinput', options2);
			var as_json3 = new bsn.AutoSuggest('doctestinput', options3);
			
          $('#mytextbox').focus(function() {
               $(this).animate({width: '350px'}, 500);
          });
 
          $('#mytextbox').blur(function() {
               $(this).animate({width: '160px'}, 500);
          });
		   $("#album").blur(function()
			{
			var alb=$(this).val();
			var dataString = 'alb='+ alb;
			//alert(alb);
			$.ajax
			({
			type: "POST",
			url: "ajax_album.php",
			data: dataString,
			cache: false,
			success: function(html)
			{
			$("#alb_msg").html(html);
			} 
			});
			
			});
});
</script>

<script type="text/javascript">
		$(document).ready(function(){
			$("#suggest_cat").hide();
			$('#category').change(function(){
		
			var id=$('#category').val();
		
				if(id=='0')
				{
					$("#suggest_cat").show();
				}
				else
				{
					$("#suggest_cat").hide();
				}
			});
		});
</script>


<script type="text/javascript">
		$(document).ready(function(){
			$("#new_suggestion").hide();
			$('a#suggestLink').click(function(){
					$("#new_suggestion").toggle();
			});
		});
</script>